<div class="full-width-column">
	<div class="module">
		<div class="navbar-header">
			<span class="navbar-brand">Colegios</span>
		</div>
		<div class="clearfix">

			<button ep-open-modal="nuevo-colegio" class="btn btn-default">
				Nuevo Colegio<i class="glyphicon glyphicon-plus pull-right"></i>
			</button>

			<table class="table table-hover">
				<thead>
					<tr>
						<th>Nombre</th>
						<th>Estado</th>
					</tr>
				</thead>
				<tbody>
					<tr ng-repeat="colegio in colegios" ng-click="verColegio(colegio)">
						<td ng-bind="colegio.nombre"></td>
						<td ng-bind="colegio.state"></td>
					</tr>
				</tbody>
			</table>



		</div>
	</div>
</div>





<ep-modal-pane title="Nuevo Colegio" aceptar="crearColegio()"
	modal-id="nuevo-colegio">
<div class="form-group">
	<label for="nombreColegio">Nombre colegio</label> <input type="text"
		class="form-control" id="nombreColegio" placeholder="Nombre colegio"
		ng-model="nuevoColegio.nombre">
</div>


<div class="form-group">
	<label for="nombreColegio">Jornada</label> <select class="form-control"
		id="nombreColegio" placeholder="Jornada"
		ng-model="nuevoColegio.idJornada"
		ng-options="jornada.id as jornada.nombre for jornada in constantes.jornadas">
	</select>
</div>

<div class="form-group">
	<label for="nombreColegio">Dirección</label> <input type="text"
		class="form-control" id="nombreColegio" placeholder="Dirección"
		ng-model="nuevoColegio.direccion">
</div>
<div class="form-group">
	<label for="nombreColegio">Telefono</label> <input type="text"
		class="form-control" id="nombreColegio" placeholder="Telefono"
		ng-model="nuevoColegio.telefono">
</div>

</ep-modal-pane>